<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%String contextRoot = request.getContextPath();%>
<f:loadBundle basename="properties.messages" var="msg"/>
<f:view>
<!doctype html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  	<title>SISDEP : Sistema de Informaci<h:outputText value="#{msg.tilde_o}" />n de Espacio P<h:outputText value="#{msg.tilde_u}" />blico</title>
	<meta name="description" content="" />
	<meta name="author" content="" />		     
	<link rel="stylesheet" href="<%=contextRoot%>/css/validationEngine.jquery.css" type="text/css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/template.css" type="text/css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/normalize.css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/uniform.css"> <!-- estilos formularios -->
	<link rel="stylesheet" href="<%=contextRoot%>/css/cuerpo.css">	
	<link rel="stylesheet" href="<%=contextRoot%>/css/richCustom.css">	
</head>
<body>
	<div id="marco"> <!--inicio contenedor --> 
		<div class="arriba-cuerpo"></div> 
		<div class="cuerpo">
			<a href="<%=contextRoot%>/index.jsf"><img src="<%= contextRoot %>/images/logos.png" /></a>
			<div class="clear"></div>
			<!-- Menu y Usuario init() -->
			<%@ include file="include/menuUsuario.jsp" %>
			<!-- Menu y Usuario end() -->
			<div class="clear"></div>
			<!-- Formulario --> 
			<div id="buscador">
				<h2>Consulta de Desmontes </h2>
				<h:form id="operdesmonteretSearchForm">  
				<div id="operdesmonteretSearchFormContainer" style="display: block;">
				
				<label>Filtrar por fecha en que se realiz<h:outputText value="#{msg.tilde_o}" /> el desmonte: </label>
				<div class="clear"></div> <br/>
				
				<span class="espacio-adicional left" >
					<label>Fecha Inicial <span class="asterisco">*</span> </label>
					<h:inputText id="fechaInicio" styleClass="validate[required, dateRange[grp1], custom[date]] fechaInicio" size="10" maxlength="10"
					value="#{operdesmonteretController.operdesmonteretSearch.fechaInicio}">
					<f:convertDateTime pattern="dd/MM/yyyy"/>
					</h:inputText>
				</span>
				
				<span class="espacio-adicional left" style="margin-left:10%">
					<label>Fecha Final <span class="asterisco">*</span> </label>
					<h:inputText id="fechaFin" styleClass="validate[required, dateRange[grp1], custom[date]] fechaFin" size="10" maxlength="10"
					value="#{operdesmonteretController.operdesmonteretSearch.fechaFin}">
					<f:convertDateTime pattern="dd/MM/yyyy"/>
					</h:inputText>
				</span>
				
				<div class="clear"></div> <br/>
				
				<span class="left" style="margin-left:0px">
					<label>Tipo Desmonte <span class="asterisco">*</span> </label>
					<h:selectOneMenu id="idTipoDesmonte" styleClass="validate[required]" value="#{operdesmonteretController.operdesmonteretSearch.idTipoDesmonteStr}">
						<f:selectItem itemLabel="Seleccione..." itemValue=""/>
						<f:selectItems value="#{masterListCache.dismantleType}"/>
					</h:selectOneMenu>
				</span>
				
				<span class="left" style="margin-left:10%">
					<label>C<h:outputText value="#{msg.tilde_o}" />digo (Usar para obtener 1 solo registro) </label>
					<h:inputText id="codigo" size="10" maxlength="9" styleClass="validate[custom[onlyLetterNumber]]"
								value="#{operdesmonteretController.operdesmonteretSearch.codigo}" />
				</span>
				
				</div>
				<!-- FIN CAMPOS DE BUSQUEDA -->  
				<div class="clear"></div> <br/>
				
				<div class="clear"></div>
				(<span class="asterisco"> * </span>) : Campo Obligatorio
				<div class="clear"></div>
				
				<span class="left inline">
					<h:commandButton id="operdesmonteretSearchButton"
					styleClass="botonsmall"
					      type="submit" 
					      value="Buscar" 
					      ondblclick="return false;" 
					      action="#{operdesmonteretController.searchByParametersDinamycally}" >
					</h:commandButton>
				</span>
				     
				</h:form>
				
				<div class="clear"></div> <br/>
				
				<div>
					<h:form id="operdesmonteretCreateForm">
						<span class="left">
						    <label>&nbsp;</label>						
							<h:commandButton id="createoperdesmonteretButton"
									   styleClass="botonsmall"
						               type="submit" 
						               value="Nuevo" 
						               ondblclick="return false;" 
						               action="#{operdesmonteretController.createOperDesmonteRet}" >
							</h:commandButton>
						</span>
					</h:form>
				</div>
			</div>
			<!-- Fin formulario div buscador !!! -->
			
			<div class="clear"></div>
			
			<div id="buscador">		
				<h:form id="operdesmonteretResultsForm">		
					<div class="clear"></div><br/>
					<span class="left"><h2>Resultados de la Consulta de Desmontes:</h2></span>
					<div class="clear"></div>
					<rich:dataTable id="operdesmonteretData" styleClass="scrollerTable" headerClass="standardTable_Header"
					             border="0" cellpadding="3" cellspacing="1" 
					             footerClass="standardTable_Header" rowKeyVar="rowIndex"
					             rowClasses="tablamultiregistrotr1,tablamultiregistrotr2"
					             onRowMouseOver="this.style.backgroundColor='#C0C0C0'"
								 onRowMouseOut="this.style.backgroundColor='#FFFFFF'"
					             var="operdesmonteretRow" value="#{operdesmonteretController.operdesmonteretListModel}"
					 		     rows="10" >
					<h:column>
					<f:facet name="header">
					   <h:outputText value="EDITAR" />
					</f:facet>
					    <a4j:commandLink id="updateOperDesmonteRet" styleClass="formTextLink"
					                   title="Ver Detalle..."				                                   
					                   action="#{operdesmonteretController.updateOperDesmonteRet}" reRender="groupTable">
					        <f:param name="operdesmonteretDataIndex" value="#{rowIndex}" />
					        <h:graphicImage value="/images/edit_icon.png" style="border: 0px solid #FFFFFF;" />
					    </a4j:commandLink>
					</h:column>
					<h:column>
					<f:facet name="header">
					   <h:outputText value="GESTIONAR ELEMENTOS" />
					</f:facet>
					    <a4j:commandLink id="manageOperDesmonteRetElementos" styleClass="formTextLink"
					                   title="Ver Detalle..."				                                   
					                   action="#{operdesmonteretController.manageOperDesmonteRetElementos}" reRender="groupTable">
					        <f:param name="operdesmonteretDataIndex" value="#{rowIndex}" />
					        <h:graphicImage value="/images/edit_icon.png" style="border: 0px solid #FFFFFF;" />
					    </a4j:commandLink>
					</h:column>
					<h:column>
						<f:facet name="header" ><h:outputText value="codigo" /></f:facet>
						<h:outputText value="#{operdesmonteretRow.codigo}" />
					</h:column>
					<h:column>
						<f:facet name="header" ><h:outputText value="fecha Registro" /></f:facet>
						<h:outputText value="#{operdesmonteretRow.fechaRegistro}" />
					</h:column>
					<h:column>
						<f:facet name="header" ><h:outputText value="documento Infractor" /></f:facet>
						<h:outputText value="#{operdesmonteretRow.documentoInfractor}" />
					</h:column>
					<h:column>
						<f:facet name="header" ><h:outputText value="direccion desmonte" /></f:facet>
						<h:outputText value="#{operdesmonteretRow.direccionRetencion}" />
					</h:column>
					<h:column>
						<f:facet name="header" ><h:outputText value="nombre Responsable" /></f:facet>
						<h:outputText value="#{operdesmonteretRow.nombreResponsable}" />
					</h:column>
					<h:column>
						<f:facet name="header" ><h:outputText value="estado" /></f:facet>
						<h:outputText value="#{operdesmonteretRow.estado}" />
					</h:column>
					</rich:dataTable>
					<h:panelGrid columns="1" styleClass="tablapaginacion"
					                   columnClasses="standardTable_ColumnCentered" >
					<rich:datascroller id="operdesmonteretScroll"
					        for="operdesmonteretData"
					        fastStep="10"
					        pageIndexVar="pageIndex"
					        styleClass="scroller"
					        maxPages="9" >
					 <f:facet name="first" >
					     <h:graphicImage url="/images/arrow-first.gif" />
					 </f:facet>
					 <f:facet name="last">
					     <h:graphicImage url="/images/arrow-last.gif" />
					 </f:facet>
					 <f:facet name="previous">
					     <h:graphicImage url="/images/arrow-previous.gif" />
					 </f:facet>
					 <f:facet name="next">
					     <h:graphicImage url="/images/arrow-next.gif" />
					 </f:facet>
					 <f:facet name="fastforward">
					     <h:graphicImage url="/images/arrow-ff.gif" />
					 </f:facet>
					 <f:facet name="fastrewind">
					     <h:graphicImage url="/images/arrow-fr.gif" />
					 </f:facet>
					</rich:datascroller>
					</h:panelGrid>					        
				</h:form>	
				
				<br/>
				<div class="clear"></div>
			       <span class="botones right">
					<h:commandButton id="opeReportGenerateButton"
								 type="submit" 
				                 value="Generar Reporte" 
				                 ondblclick="return false;" 
				                 styleClass="buscador form button"
				                 onclick="exportToXLS()" >
					</h:commandButton>
				</span>					
			</div>
			<div class="clear"></div>
		</div>
		
		<div class="abajo-cuerpo"></div> 
		
	</div> <!-- Fin contenedor MARCO PRINCIPAL-->
	
	<div class="footer"></div>
	<script src="<%=contextRoot%>/js/jquery/lib/jquery-1.7.2.min.js"></script><!-- De ser 1ro -->
	<script src="<%=contextRoot%>/js/script.js" type="text/javascript"></script><!-- De ser 2do -->
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.uniform.min.js"></script> <!-- formularios --> 
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine-es.js" type="text/javascript" charset="utf-8"></script>
	<script src="<%=contextRoot%>/js/jquery.maskedinput-1.3.js" type="text/javascript"></script> <!-- Quitar si no se usan fechas -->
	<script src="<%=contextRoot%>/js/sisdep.js" type="text/javascript"></script> <!-- Quitar si no se usan funciones custom -->
	<script type="text/javascript">
	jQ(document).ready(function() {
		jQ("input, select, input:checkbox, input:radio, input:file").uniform();
		jQ("#operdesmonteretSearchForm").validationEngine('attach');
		jQ("#operdesmonteretSearchForm").bind("jqv.form.result", function(event, errorFound) {
	        if(!errorFound) displayLoadingImage();
	    });
		jQ(".fechaInicio").mask("99/99/9999");
		jQ(".fechaFin").mask("99/99/9999");
	});
	
	function exportToXLS() { 
		showReportPopup('<%= contextRoot %>/reportController.view?format=xls&reportName=reporteRetencionesXLS');
	}
	
	/**
	 * Funcion JS que permite invocar el servlet de generacion de reportes y presentar una ventana independiente
	 * para su descarga.
	 * 
	 * @author carlos.perez@consult-soft.com
	 * @param servletReporterURL
	 */
	function showReportPopup(servletReporterURL){
	    window.open(servletReporterURL, "reportStandardPopup",
	                "toolbar=0,location=0,scrollbars=1,directories=0,status=0,menubar=0,resizable=1,width="+550+",height="+550+",left="+(screen.width-550)/2+",top="+(screen.height-550)/2);
	}
	</script>
	<%@ include file="include/validationStatus.jsp" %>
	<%@ include file="include/modalMessageWindow.jsp" %>	
</body>
</html>
</f:view>
